<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动场景1：图片与文字环绕</title>
		<style>
			img{
				/* 图片脱离文档流-文字包含在图片周边，文字得多点 */
				float: left;
				margin-right: 50px;      /* 图片与文字链接处间隙 */
				margin-bottom: 50px;     /*  图片与文字链接处间隙*/
			}
			p{
			    font-size: 16px;    /* 页面默认字体尺寸  */
				line-height: 20px;  /* 浮动文字，行高无法设定 */
				word-spacing:20px;
			}
		</style>
	</head>
	<body>
		<h1>浮动之图片文字环绕</h1>
		<img src="img/1.png" alt="你是我的谁"  width="250px" height="250px" />
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque tenetur adipisci, numquam velit tempore officiis ipsam. Minus dolor, accusantium consequuntur nobis, rem ducimus eveniet vitae, labore perferendis odio aspernatur quas. 
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas illum soluta a laboriosam porro qui ipsa totam assumenda facere architecto pariatur, esse optio deserunt asperiores inventore accusantium rem, dolorum doloremque.</p>
	</body>
</html>